import { defineView } from "@/routers/tools.mjs";

/**
 * @type {DefineView}
 */
const dbView = defineView({
  template: /* HTML */ html`
    <div ng-init="qty=1;cost=2">
      <b>Invoice:</b>
      <div>
        Quantity:
        <input class="form-control" type="number" min="0" ng-model="qty" />
      </div>
      <div>
        Costs:
        <input class="form-control" type="number" min="0" ng-model="cost" />
      </div>
      <div><b>Total:</b> {{ qty * cost | currency}}</div>
    </div>
  `,
});

export default dbView;
